<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta name="generator" content="Hexo 4.2.0">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/ice.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/ice.png">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">


<link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">

<script id="hexo-configurations">
    var NexT = window.NexT || {};
    var CONFIG = {"hostname":"yoursite.com","root":"/","scheme":"Gemini","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":true,"show_result":true,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":true,"trigger":"auto","top_n_per_article":3,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},"path":"search.xml"};
  </script>

  <meta name="description" content="模块与组件模块：从逻辑角度拆分，主要目的是职责分离 组件：从物理角度拆分，主要目的是单元复用">
<meta property="og:type" content="article">
<meta property="og:title" content="架构基础">
<meta property="og:url" content="http://yoursite.com/2020/05/30/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E6%9E%B6%E6%9E%84--%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/%E7%AC%AC%E4%B8%80%E9%83%A8%E5%88%86%EF%BC%9A%E6%A6%82%E5%BF%B5%E5%92%8C%E5%9F%BA%E7%A1%80/index.html">
<meta property="og:site_name" content="严冰的博客">
<meta property="og:description" content="模块与组件模块：从逻辑角度拆分，主要目的是职责分离 组件：从物理角度拆分，主要目的是单元复用">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2020-05-30T12:50:49.000Z">
<meta property="article:modified_time" content="2020-06-18T00:01:05.939Z">
<meta property="article:author" content="yanbing">
<meta name="twitter:card" content="summary">

<link rel="canonical" href="http://yoursite.com/2020/05/30/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E6%9E%B6%E6%9E%84--%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/%E7%AC%AC%E4%B8%80%E9%83%A8%E5%88%86%EF%BC%9A%E6%A6%82%E5%BF%B5%E5%92%8C%E5%9F%BA%E7%A1%80/">


<script id="page-configurations">
  // https://hexo.io/docs/variables.html
  CONFIG.page = {
    sidebar: "",
    isHome : false,
    isPost : true,
    lang   : 'zh-CN'
  };
</script>

  <title>架构基础 | 严冰的博客</title>
  






  <noscript>
  <style>
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-header { opacity: initial; }

  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

<link rel="alternate" href="/atom.xml" title="严冰的博客" type="application/atom+xml">
</head>

<body itemscope itemtype="http://schema.org/WebPage">
  <div class="container use-motion">
    <div class="headband"></div>

    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏">
      <span class="toggle-line toggle-line-first"></span>
      <span class="toggle-line toggle-line-middle"></span>
      <span class="toggle-line toggle-line-last"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <span class="logo-line-before"><i></i></span>
      <h1 class="site-title">严冰的博客</h1>
      <span class="logo-line-after"><i></i></span>
    </a>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>




<nav class="site-nav">
  <ul id="menu" class="main-menu menu">
        <li class="menu-item menu-item-home">

    <a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a>

  </li>
        <li class="menu-item menu-item-categories">

    <a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类</a>

  </li>
        <li class="menu-item menu-item-tags">

    <a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签</a>

  </li>
        <li class="menu-item menu-item-archives">

    <a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a>

  </li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup">
        <div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocapitalize="off"
           placeholder="搜索..." spellcheck="false"
           type="search" class="search-input">
  </div>
  <span class="popup-btn-close">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div id="search-result">
  <div id="no-result">
    <i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i>
  </div>
</div>

    </div>
  </div>

</div>
    </header>

    
  <div class="back-to-top">
    <i class="fa fa-arrow-up"></i>
    <span>0%</span>
  </div>


    <main class="main">
      <div class="main-inner">
        <div class="content-wrap">
          

          <div class="content post posts-expand">
            

    
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://yoursite.com/2020/05/30/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E6%9E%B6%E6%9E%84--%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/%E7%AC%AC%E4%B8%80%E9%83%A8%E5%88%86%EF%BC%9A%E6%A6%82%E5%BF%B5%E5%92%8C%E5%9F%BA%E7%A1%80/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/dog.jpg">
      <meta itemprop="name" content="yanbing">
      <meta itemprop="description" content="闲看庭前花开落，漫随天外云卷舒。">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="严冰的博客">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          架构基础
        </h1>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="far fa-calendar"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-05-30 20:50:49" itemprop="dateCreated datePublished" datetime="2020-05-30T20:50:49+08:00">2020-05-30</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="far fa-calendar-check"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-18 08:01:05" itemprop="dateModified" datetime="2020-06-18T08:01:05+08:00">2020-06-18</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="far fa-folder"></i>
              </span>
              <span class="post-meta-item-text">分类于</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/%E6%9E%B6%E6%9E%84-%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">架构--阅读笔记</span></a>
                </span>
            </span>

          

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
        <h4 id="模块与组件"><a href="#模块与组件" class="headerlink" title="模块与组件"></a>模块与组件</h4><p>模块：从逻辑角度拆分，主要目的是职责分离</p>
<p>组件：从物理角度拆分，主要目的是单元复用</p>
<a id="more"></a>
<h4 id="框架与架构"><a href="#框架与架构" class="headerlink" title="框架与架构"></a>框架与架构</h4><p>框架：组件规范（开发规范），提供基础功能的产品。</p>
<p>架构：对软件系统结构的描述</p>
<h4 id="架构设计的目的是什么？"><a href="#架构设计的目的是什么？" class="headerlink" title="架构设计的目的是什么？"></a>架构设计的目的是什么？</h4><p>软件架构的历史</p>
<ul>
<li><p>第一次软件危机——结构化程序设计登场<br>2000名程序员历时一年，花费原子弹1/4的投入，生产100w行代码。最终以失败告终。</p>
</li>
<li><p>第二次软件危机——面对对象</p>
</li>
</ul>
<p>软件扩展能力不足，生产力跟不上硬件和业务的发展。</p>
<p>软件架构</p>
<ul>
<li>随着软件系统规模增加，当系统由许多部分组成时，整个系统的组织，导致了一系列的新的设计问题。</li>
</ul>
<p><strong>只有规模较大的软件系统会面临软件架构的问题</strong></p>
<ol>
<li>系统规模庞大，内部耦合严重</li>
<li>修改和扩展困难</li>
<li>逻辑复杂，问题难以排查和修复</li>
</ol>
<p>【人力总会有局限，当自身的能力不足以应对问题时，除了学习之外，也应该思考是否不是自己的问题，而是问题本身超过了人类的局限】</p>
<h4 id="架构设计的目的"><a href="#架构设计的目的" class="headerlink" title="架构设计的目的"></a>架构设计的目的</h4><p>整个软件开发的历史，就是一部与复杂度斗争的历史。</p>
<p>而架构设计的主要目的就是为了解决复杂度带来的问题。</p>
<p>复杂度来源</p>
<ol>
<li>高性能</li>
</ol>
<p>电子管，晶体管到集成电路，复杂度难以估量。但这种复杂度在选择方面几乎不用考虑，因为没有人会去选择购买电子管计算机。</p>
<p>但是对于不同的出行方式，自行车，公交，火车，高铁，飞机，出行前我们都会根据距离，费用等略作判断。时代的背景下，飞机的出现并没有取代火车，自行车等工具，但从现代计算机的应用来说，电子管已经被淘汰了。</p>
<p>而软件架构就是在一次旅行中，选择最高性价比的方案。</p>
<p>在软件系统中，对高性能需求的复杂度体现在<strong>单台计算机为了高性能带来的复杂度和多台计算机集群为了高性能带来的复杂度</strong>。</p>
<ul>
<li>单机复杂度</li>
</ul>
<p>操作系统的多进程，多线程，进程通信，多线程并发等等。</p>
<p>Redis采用单进程，Nginx可以用多进程。具体使用需要结合业务来分析。</p>
<ul>
<li><p>集群复杂度</p>
<ul>
<li>任务分配：使用多台机器，每台机器都可以处理完整的业务，但会设计到任务分配器，比如硬件F5，软件Nginx等等。</li>
</ul>
<p>  <strong>随着机器增多，任务分配器的任务就会加重，成为新的性能瓶颈</strong>。这个时候就需要集群式的任务分配器。</p>
<ul>
<li><p>任务分解：将系统拆分成更小的组成部分，部署到不同的服务器中</p>
<p>任务分配可以突破单台计算机的瓶颈，但持续的增加机器的效率会越来越低。</p>
<p>任务分解换了一种思路，将系统分解，有针对的扩展。</p>
</li>
</ul>
<p>  <strong>优点：</strong></p>
<p>  简单系统更加容易有针对性的优化，排错<br>  可以对单个部分进行扩展，有的放矢</p>
<p>  <strong>问题:</strong></p>
<p>  系统间调用资源消耗</p>
<p>  <strong>总结：</strong></p>
<p>  任务分解和任务分配一样，有一个度，超过这个度，性能反而下降。</p>
</li>
</ul>
<ol start="2">
<li>高可用：系统无中断的执行功能</li>
</ol>
<p>本质上通过冗余来实现高可用。</p>
<p>冗余：就好像买电瓶车，一次买十辆，第一辆被偷了骑第二辆，第二辆被偷了骑第三辆，依次类推。</p>
<pre><code>- 计算高可用

集群配置，同时有任务分配的瓶颈

- 存储高可用

存储集群。但会产生数据传输的一致性问题。</code></pre><p>可扩展（靠经验）</p>
<p>预测变化<br>应对变化</p>
<ol start="3">
<li>低成本</li>
</ol>
<p>低成本和高可用，高性能是冲突的。</p>
<p>引入新技术，创造新技术。</p>
<ol start="4">
<li>安全</li>
</ol>
<h3 id="第二章-架构设计原则"><a href="#第二章-架构设计原则" class="headerlink" title="第二章 架构设计原则"></a>第二章 架构设计原则</h3><p>架构与编程的鸿沟：不确定性。</p>
<p>编程是确定的，不管采用何种方式，执行结果都是肯定的。</p>
<p>而不同的架构可能会产生相同的结果。</p>
<h4 id="合适原则"><a href="#合适原则" class="headerlink" title="合适原则"></a>合适原则</h4><p>合适优于业界领先。</p>
<p>优秀的架构都是在企业当前人力，条件，业务等各种约束下设计出来的。（生搬硬套不可取）</p>
<h4 id="简单原则"><a href="#简单原则" class="headerlink" title="简单原则"></a>简单原则</h4><p>简单优于复杂。</p>
<p>长城的宏伟，悉尼歌剧院的艺术感，”复杂“在制造领域代表先进，在建筑领域代表领先，但在软件领域代表问题。</p>
<p>为什么软件的复杂会带来问题？？？</p>
<p>除了软件开发的复杂性之外，软件在投入使用后，需要不断变化。没听说过长城不断拆了重建吧。</p>
<h4 id="演化原则"><a href="#演化原则" class="headerlink" title="演化原则"></a>演化原则</h4><p>演化优于一步到位。</p>
<p>对于建筑来说，永恒是主题；而对于软件来说，变化才是主题。</p>
<p>软件架构更像是一个人类的进化史：</p>
<p>首先，需要适应环境活下来（突然想到了初中历史书上的山顶洞人）恶劣的环境需要大量的体毛来保持身体的恒温</p>
<p>在不断的发展中，开始制造工具，开始生火抵抗寒冷</p>
<p>再到后来，建房子，用动物皮毛保暖</p>
<p>于是体毛渐渐退化，也不再吃生肉</p>
<p>生存的方式也从打猎变成更加细分的职业</p>
<p>到如今的互联网商业繁荣，大脑思考更加复杂的软件架构</p>
<p>类比软件架构：</p>
<ul>
<li><p>首先，设计出来的产品可以满足当前业务需要</p>
</li>
<li><p>之后在实际的应用中迭代，保留优秀设计，剔除无用设计，增加必要设计</p>
</li>
<li><p>最好，当业务发生巨大改变，性能要求更高时，架构要面临扩展，重构；甚至代码语言会发生变化，但在演变过程中的经验，逻辑，设计等会在新的架构中延续。（设计模式强推）</p>
</li>
</ul>
<p><strong>不要贪大求全，不要盲目照搬大公司的架构</strong></p>
<h3 id="第三章-架构设计流程"><a href="#第三章-架构设计流程" class="headerlink" title="第三章 架构设计流程"></a>第三章 架构设计流程</h3><h4 id="识别复杂度——有针对性"><a href="#识别复杂度——有针对性" class="headerlink" title="识别复杂度——有针对性"></a>识别复杂度——有针对性</h4><ul>
<li>分析业务逻辑的复杂性</li>
<li>是否有做高性能高可用的成本<br>优先解决最主要的复杂度问题。</li>
</ul>
<h4 id="使用成熟技术——设计备选方案"><a href="#使用成熟技术——设计备选方案" class="headerlink" title="使用成熟技术——设计备选方案"></a>使用成熟技术——设计备选方案</h4><ul>
<li><p>备选方案以3-5个为最佳</p>
</li>
<li><p>备选方案差异要比较明显（比如主备方案和集群方案）</p>
</li>
<li><p>备选方案的技术不要局限已经熟悉的技术（如果你有一把锤子，那么所有的问题都是钉子）</p>
</li>
<li><p>备选方案不用过于详细（关注技术选型，而不是技术细节）</p>
</li>
</ul>
<h4 id="深思熟虑——评估备选方案"><a href="#深思熟虑——评估备选方案" class="headerlink" title="深思熟虑——评估备选方案"></a>深思熟虑——评估备选方案</h4><p>性能<br>复杂度和开发时间<br>成本<br>扩展</p>
<h4 id="精雕细琢——详细方案设计"><a href="#精雕细琢——详细方案设计" class="headerlink" title="精雕细琢——详细方案设计"></a>精雕细琢——详细方案设计</h4><p>Nginx负载均衡策略的算法选择</p>
<ul>
<li>轮询</li>
<li>加权轮询</li>
<li>ip_hash</li>
</ul>

    </div>

    
    
    
        

<div>
<ul class="post-copyright">
  <li class="post-copyright-author">
    <strong>本文作者： </strong>yanbing
  </li>
  <li class="post-copyright-link">
    <strong>本文链接：</strong>
    <a href="http://yoursite.com/2020/05/30/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E6%9E%B6%E6%9E%84--%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/%E7%AC%AC%E4%B8%80%E9%83%A8%E5%88%86%EF%BC%9A%E6%A6%82%E5%BF%B5%E5%92%8C%E5%9F%BA%E7%A1%80/" title="架构基础">http://yoursite.com/2020/05/30/从零开始学架构--阅读笔记/第一部分：概念和基础/</a>
  </li>
  <li class="post-copyright-license">
    <strong>版权声明： </strong>本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" rel="noopener" target="_blank"><i class="fab fa-fw fa-creative-commons"></i>BY-NC-SA</a> 许可协议。转载请注明出处！
  </li>
</ul>
</div>


      <footer class="post-footer">

        


        
    <div class="post-nav">
      <div class="post-nav-item">
    <a href="/2020/05/30/%E5%88%B7%E9%A2%98/%E5%8A%9B%E6%89%A3/" rel="prev" title="力扣">
      <i class="fa fa-chevron-left"></i> 力扣
    </a></div>
      <div class="post-nav-item">
    <a href="/2020/05/30/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E6%9E%B6%E6%9E%84--%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/%E3%80%8A%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6%E6%9E%B6%E6%9E%84%E3%80%8B%E7%AC%94%E8%AE%B0%E2%80%94%E2%80%94%E7%AC%AC%E4%BA%8C%E9%83%A8%E5%88%86%EF%BC%9A%E9%AB%98%E6%80%A7%E8%83%BD%E5%92%8C%E9%AB%98%E5%8F%AF%E7%94%A8%E6%9E%B6%E6%9E%84%E6%A8%A1%E5%BC%8F/" rel="next" title="存储高性能">
      存储高性能 <i class="fa fa-chevron-right"></i>
    </a></div>
    </div>
      </footer>
    
  </article>
  
  
  



          </div>
          

<script>
  window.addEventListener('tabs:register', () => {
    let { activeClass } = CONFIG.comments;
    if (CONFIG.comments.storage) {
      activeClass = localStorage.getItem('comments_active') || activeClass;
    }
    if (activeClass) {
      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
      if (activeTab) {
        activeTab.click();
      }
    }
  });
  if (CONFIG.comments.storage) {
    window.addEventListener('tabs:click', event => {
      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
      let commentClass = event.target.classList[1];
      localStorage.setItem('comments_active', commentClass);
    });
  }
</script>

        </div>
          
  
  <div class="toggle sidebar-toggle">
    <span class="toggle-line toggle-line-first"></span>
    <span class="toggle-line toggle-line-middle"></span>
    <span class="toggle-line toggle-line-last"></span>
  </div>

  <aside class="sidebar">
    <div class="sidebar-inner">

      <ul class="sidebar-nav motion-element">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <!--noindex-->
      <div class="post-toc-wrap sidebar-panel">
          <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-4"><a class="nav-link" href="#模块与组件"><span class="nav-number">1.</span> <span class="nav-text">模块与组件</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#框架与架构"><span class="nav-number">2.</span> <span class="nav-text">框架与架构</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#架构设计的目的是什么？"><span class="nav-number">3.</span> <span class="nav-text">架构设计的目的是什么？</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#架构设计的目的"><span class="nav-number">4.</span> <span class="nav-text">架构设计的目的</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#第二章-架构设计原则"><span class="nav-number"></span> <span class="nav-text">第二章 架构设计原则</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#合适原则"><span class="nav-number">1.</span> <span class="nav-text">合适原则</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#简单原则"><span class="nav-number">2.</span> <span class="nav-text">简单原则</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#演化原则"><span class="nav-number">3.</span> <span class="nav-text">演化原则</span></a></li></ol></li><li class="nav-item nav-level-3"><a class="nav-link" href="#第三章-架构设计流程"><span class="nav-number"></span> <span class="nav-text">第三章 架构设计流程</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#识别复杂度——有针对性"><span class="nav-number">1.</span> <span class="nav-text">识别复杂度——有针对性</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#使用成熟技术——设计备选方案"><span class="nav-number">2.</span> <span class="nav-text">使用成熟技术——设计备选方案</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#深思熟虑——评估备选方案"><span class="nav-number">3.</span> <span class="nav-text">深思熟虑——评估备选方案</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#精雕细琢——详细方案设计"><span class="nav-number">4.</span> <span class="nav-text">精雕细琢——详细方案设计</span></a></li></ol></div>
      </div>
      <!--/noindex-->

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="yanbing"
      src="/images/dog.jpg">
  <p class="site-author-name" itemprop="name">yanbing</p>
  <div class="site-description" itemprop="description">闲看庭前花开落，漫随天外云卷舒。</div>
</div>
<div class="site-state-wrap motion-element">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
          <a href="/archives/">
        
          <span class="site-state-item-count">59</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
            <a href="/categories/">
          
        <span class="site-state-item-count">14</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
            <a href="/tags/">
          
        <span class="site-state-item-count">9</span>
        <span class="site-state-item-name">标签</span></a>
      </div>
  </nav>
</div>
  <div class="links-of-author motion-element">
      <span class="links-of-author-item">
        <a href="https://github.com/yanbingzn" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;yanbingzn" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a>
      </span>
      <span class="links-of-author-item">
        <a href="https://blog.csdn.net/i_silence" title="CSDN → https:&#x2F;&#x2F;blog.csdn.net&#x2F;i_silence" rel="noopener" target="_blank"><i class="fab fa-codiepie fa-fw"></i>CSDN</a>
      </span>
  </div>
  <div class="cc-license motion-element" itemprop="license">
    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" class="cc-opacity" rel="noopener" target="_blank"><img src="/images/cc-by-nc-sa.svg" alt="Creative Commons"></a>
  </div>



      </div>

    </div>
  </aside>
  <div id="sidebar-dimmer"></div>


      </div>
    </main>

    <footer class="footer">
      <div class="footer-inner">
        

        
  <div class="beian"><a href="http://www.beian.miit.gov.cn/" rel="noopener" target="_blank">豫ICP备20019377号 </a>
  </div>

<div class="copyright">
  
  &copy; 
  <span itemprop="copyrightYear">2020</span>
  <span class="with-love">
    <i class="fa fa-heart"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">yanbing</span>
</div>

<span id="busuanzi_container_site_uv">
  本站访问次数：<span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
</span>

        
<div class="busuanzi-count">
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="fa fa-user"></i>
      </span>
      <span class="site-uv" title="总访客量">
        <span id="busuanzi_value_site_uv"></span>
      </span>
    </span>
</div>








      </div>
    </footer>
  </div>

  
  <script size="300" alpha="0.6" zIndex="-1" src="/lib/canvas-ribbon/canvas-ribbon.js"></script>
  <script src="/lib/anime.min.js"></script>
  <script src="/lib/velocity/velocity.min.js"></script>
  <script src="/lib/velocity/velocity.ui.min.js"></script>

<script src="/js/utils.js"></script>

<script src="/js/motion.js"></script>


<script src="/js/schemes/pisces.js"></script>


<script src="/js/next-boot.js"></script>




  
  <script>
    (function(){
      var canonicalURL, curProtocol;
      //Get the <link> tag
      var x=document.getElementsByTagName("link");
		//Find the last canonical URL
		if(x.length > 0){
			for (i=0;i<x.length;i++){
				if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
					canonicalURL=x[i].href;
				}
			}
		}
    //Get protocol
	    if (!canonicalURL){
	    	curProtocol = window.location.protocol.split(':')[0];
	    }
	    else{
	    	curProtocol = canonicalURL.split(':')[0];
	    }
      //Get current URL if the canonical URL does not exist
	    if (!canonicalURL) canonicalURL = window.location.href;
	    //Assign script content. Replace current URL with the canonical URL
      !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
  </script>




  
<script src="/js/local-search.js"></script>













  

  


  
  <script type="text/javascript"
color="0,0,188" opacity='0.5' zIndex="-1" count="120" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
  

</body>
</html>
